@import '../basic-layout.less';

@pro-dropdown-prefix-cls: ~'@{ant-prefix}-pro-dropdown';
@pro-header-hover-bg: rgba(0, 0, 0, 0.125);

.@{pro-dropdown-prefix-cls} {
  display: inline-block;
  height: @pro-layout-header-height;
  line-height: @pro-layout-header-height;
  vertical-align: top;
  cursor: pointer;

  &.ant-pro-dropdown-action {
    padding: 0 12px;

    &:hover {
      background: @pro-header-hover-bg;
    }
  }

  > span {
    font-size: 14px;
    transform: none;
  }
}

.@{pro-dropdown-prefix-cls}-menu {
  .anticon {
    margin: 0 4px;
  }

  .ant-dropdown-menu-item {
    min-width: 200px;
    margin: 4px 0;
  }

  .user-mess {
    padding: 4px 0;
    display: flex;
    & > span {
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    & > span.label {
      flex: none;
    }
  }
}

.ant-pro-global-header-layout-side,
.ant-pro-global-header-layout-left,
.ant-pro-top-nav-header.light {
  .@{pro-dropdown-prefix-cls} {
    &.ant-pro-dropdown-action {
      &:hover {
        background: @pro-header-hover-bg;
      }
    }
  }
}
.pro-components-header-dropdown-index-container {
  top: 50px !important;
}
.pro-components-header-dropdown-index-container::after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: #ffffff;
  transform: rotate(45deg);
  top: -5px;
  left: 50%;
}
